html,body{width: 100%;background-color: #e9ecf0;}
*{background-position: center;background-size:cover;background-repeat: no-repeat;}
.wrapperbox{width: 100%;}




::-webkit-input-placeholder{color: #777!important;}    /* 使用webkit内核的浏览器 */
:-moz-placeholder{color: #777!important;}                  /* Firefox版本4-18 */
::-moz-placeholder{color: #777!important;}                  /* Firefox版本19+ */
:-ms-input-placeholder{color: #777!important;} 


.page.login{
    background-image: url('../images/pcbg.jpg');
    width: 100%;
    height: 100vh;
}
/* login */
.page.login .bottomTips{position:fixed;bottom:0;left:0;width:100%;height:73px;line-height:73px;text-align:center;font-size:18px;font-family:PingFang SC;font-weight:400;color:#4F4F4F;background-color:#fff;}
.page.login .mainBox{width:1104px;height:469px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;display:flex;align-items:center;}
.page.login .mainBox .left{width:50%;height:100%;background-color:#2AB62D;padding:76px 76px 0;box-sizing:border-box;}
.page.login .mainBox .left h2{font-size:28px;color:#fff;}
.page.login .mainBox .left h3{font-size:32px;font-family:PingFang SC;font-weight:400;color:#FFFFFF;margin-top:10px;}
.page.login .mainBox .left .colorBlock{width:60px;height:4px;background-color:#fff;margin-top:12px;}
.page.login .mainBox .left input{display:block;width:100%;width:400px;height:50px;background:#2AB62D;border:1px solid #FFFFFF;border-radius:4px;margin-top:30px;padding-left:25px;font-size: 18px}
.page.login .mainBox .left button{width:400px;height:50px;background:#FFFFFF;border-radius:4px;font-size:18px;font-family:PingFang SC;font-weight:bold;color:#329900;margin-top:35px;}
.page.login .mainBox .right{width:50%;height:100%;position:relative;}
.page.login .mainBox .right .textBox{position:absolute;bottom:54px;left:132px;width:100%;font-size:29px;font-family:FZLanTingHei-EL-GBK;color:#FFFFFF;font-weight:normal;}
/* 添加活动 */
.page.addActive .TopNav{position:fixed;top:0;left:0;width:100%;height:80px;background-color:#329900;padding:0 47px 0 60px;display:flex;align-items:center;justify-content:space-between;z-index:9999;}
.page.addActive .TopNav .logo{font-size:18px;font-family:PingFang SC;font-weight:400;color:#fff;}
.page.addActive .TopNav .logo span{font-size:28px;}
.page.addActive .TopNav .loginOut{font-size:18px;font-family:PingFang SC;font-weight:400;color:#FFFFFF;position:relative;padding-left:40px;}
.page.addActive .TopNav .loginOut::after{position:absolute;left:0;top:50%;transform:translate(0,-50%);content:"";width:30px;height:30px;background-image:url(../images/out.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
.page.addActive .mainBox{background-color:#F3F3F3;min-height:100vh;padding-top:165px;position:relative;padding-bottom:90px;}
.page.addActive .mainBox *{font-size: 16px}
.page.addActive .mainBox .main{width:760px;margin:0 auto;}
.page.addActive .mainBox .main .top{display:flex;align-items:center;justify-content:space-between;padding:0 17rpx;}
.page.addActive .mainBox .main .colorBlock{width:88px;height:1px;background-color:#329900;margin:0 18px;}
.page.addActive .mainBox .main .item{font-size:30px;font-family:PingFang SC;font-weight:400;color:#606060;}
.page.addActive .mainBox .main .item span{font-size:18px;}
.page.addActive .mainBox .main .item.active{color:#329900!important;}
.page.addActive .mainBox .main .item .el-date-editor--datetime{width: 182px;}
.page.addActive .mainBox .main .item .el-date-editor--datetime span{display: none}
.page.addActive .mainBox .main .item .el-date-editor--datetime input{padding-right: 0;border-radius:0;color: #000}
.page.addActive .mainBox .main .form{margin-top:48px;width:760px;background:#FFFFFF;border-radius:8px;padding-top:65px;padding-left:107px;padding-bottom:85px;}
.page.addActive .mainBox .main .form .item{margin-bottom:30px;display:flex;align-items:center;}
.page.addActive .mainBox .main .form .item .des{width:96px;text-align:right;font-size:16px;font-family:PingFang SC;font-weight:400;color:#525252;}
.page.addActive .mainBox .main .form .item input{width:402px;height:40px;border:1px solid #C4C4C4;padding-left:10px;}
.page.addActive .mainBox .main .form .item select{display: block;width:402px;height:40px;border:1px solid #C4C4C4;padding-left:13px;position:relative;}
.page.addActive .mainBox .main .form .item .icon{position:absolute;right:16px;top:58%;transform:translate(0,-50%);width:20px;height:11px;background-image:url(../images/xjt.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
.page.addActive .mainBox .main .form .item .btn{width:40px;height:40px;background-color:#329900;margin-left:8px;background-image:url(../images/rjt_.png);background-position:center;background-repeat:no-repeat;background-size:16px 16px;}
.page.addActive .mainBox .main .form .tips{font-size:16px;font-family:PingFang SC;font-weight:400;color:#329900;padding-left:96px;}
.page.addActive .mainBox .main .form .nextBtn{width:158px;height:48px;background:#329900;border-radius:6px;font-size:18px;font-family:PingFang SC;font-weight:bold;color:#fff;text-align:center;line-height:48px;margin-top:70px;margin-left:204px;}
.page.addActive .mainBox .main .form2 .item .des{width:125px;}
.page.addActive .mainBox .main .form .til{font-size:16px;font-family:PingFang SC;font-weight:bold;color:#000000;margin-bottom:38px;padding-left:25px;position:relative;}
.page.addActive .mainBox .main .form .til::after{position:absolute;left:0;top:50%;transform:translate(0,-50%);content:"";width:6px;height:6px;background:#329900;border-radius:50%;}
.page.addActive .mainBox .main .form2 .item_{align-items:flex-start;}
.page.addActive .mainBox .main .form2 .item_ textarea{width:402px;height:205px;border:1px solid #C4C4C4;}
.page.addActive .mainBox .main .form2 .tips_{width:402px;margin:19px 0 30px 125px;display:flex;align-items:center;justify-content:space-between;font-size:16px;font-family:PingFang SC;font-weight:400;color:#329900;}
.page.addActive .mainBox .main .form2 .inputBox{display:flex;align-items:center;justify-content:space-between;width:402px;}
.page.addActive .mainBox .main .form2 .inputBox input{width:182px;}
.page.addActive .mainBox .main .form2 .inputBox .colorL{width:17px;height:1px;background-color:#C4C4C4;}
.page.addActive .mainBox .main .form2 .redioBox{display:flex;align-items:center;width:402px;font-size:16px;font-family:PingFang SC;font-weight:400;color:#000000;}
.page.addActive .mainBox .main .form2 .redioBox .redioBoxItem{display:flex;align-items:center;margin-left:25px;}
.page.addActive .mainBox .main .form2 .redioBox .redioBoxItem input{width:125px;height:40px;border:1px solid #C4C4C4;margin-left:13px;}
.page.addActive .mainBox .main .form2 .redioBox .redioBoxItem .img{width:20px;height:20px;background-image:url(../images/dx.png);background-position:center;background-repeat:no-repeat;background-size:contain;position:relative;top:2px;margin-right:8px;}
.page.addActive .mainBox .main .form2 .redioBox .redioBoxItem .img.active{background-image:url(../images/dx_.png)}
.page.addActive .mainBox .main .form2 .imgTips{margin-left:125px;font-size:14px;font-family:PingFang SC;font-weight:400;color:#525252;}
.page.addActive .mainBox .main .form2 .imgbtn{width:97px;height:40px;line-height:40px;text-align:center;margin-left:15px;background:#329900;border-radius:8px;font-size:16px;font-family:PingFang SC;font-weight:400;color:#FFFFFF;}
.page.addActive .mainBox .main .form3{padding:60px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.page.addActive .mainBox .main .form3 img{width:50px;height:50px;margin-bottom:28px;}
.page.addActive .mainBox .main .form3 img{width:50px;height:50px;margin-bottom:28px;}
.page.addActive .mainBox .main .form3 .form3Tips{font-size:18px;font-family:PingFang SC;font-weight:bold;color:#000000;margin-bottom:100px;}
.page.addActive .mainBox .main .form.form3 .nextBtn{margin:0;}
.page.addActive .bottomTips{width:100%;height:73px;line-height:73px;text-align:center;font-size:18px;font-family:PingFang SC;font-weight:400;color:#4F4F4F;background-color:#fff;position:absolute;bottom:0;left:0;}

.pc{display:block;}
.phone{display:none;}
/* 手机版本 */
@media screen and (max-width:768px){.phone{display:block;}
.pc{display:none;}
}
.page.addActive .phone{padding:0.77rem 0.25rem 0;}
.page.addActive .phone *{font-size: 0.3rem}
.page.addActive .phone .til{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.36rem;}
.page.addActive .phone .til div:nth-of-type(1){font-size:0.4rem;font-family:PingFang SC;font-weight:bold;color:#404040;}
.page.addActive .phone .til div:nth-of-type(2){font-size:0.28rem;font-family:PingFang SC;font-weight:400;color:#329900;}
.page.addActive .phone .form1 .list{padding:0.52rem 0.4rem;border-radius:4px;background-color:#fff;}
.page.addActive .phone .form1 .list .item{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.24rem;}
.page.addActive .phone .form1 .list .item .el-date-editor--datetime{width: 100%;}
.page.addActive .phone .form1 .list .item .el-date-editor--datetime span{display: none}
.page.addActive .phone .form1 .list .item .el-date-editor--datetime input{width: 100%;padding-right: 0;border:1px solid #C9C9C9;height:0.85rem;padding-left:0.32rem;border-radius:0.08rem;color:#000}
.page.addActive .phone .form1 .list .item .input{width:100%;border:1px solid #C9C9C9;height:0.85rem;padding-left:0.32rem;border-radius:0.08rem;}
.page.addActive .phone .form1 .list .item .input_{width:5.2rem;border:1px solid #C9C9C9;height:0.85rem;padding-left:0.32rem;border-radius:0.08rem;}
.page.addActive .phone .form1 .addtips{font-size:0.26rem;font-family:PingFang SC;font-weight:400;color:#329900;margin-bottom:0.4rem;}
.page.addActive .phone .nextBtn{width:100%;height:0.86rem;line-height:0.86rem;background:#329900;border-radius:0.1rem;text-align:center;margin-top:0.8rem;font-size:0.3rem;font-family:PingFang SC;font-weight:bold;color:#fff;}
.page.addActive .phone .til_{font-size:0.3rem;font-family:PingFang SC;font-weight:bold;color:#000000;margin-bottom:0.38rem;}
.page.addActive .phone .form1 .item_{flex-direction:column;margin-bottom:0.3rem;}
.page.addActive .phone .form1 .item_ .des{font-size:0.3rem;font-family:PingFang SC;font-weight:400;color:#525252;}
.page.addActive .phone .form1 .redioBox{display:flex;align-items:center;width:100%;font-size:0.16rem;font-family:PingFang SC;font-weight:400;color:#000000;margin-top:0.3rem;}
.page.addActive .phone .form1 .redioBox .redioBoxItem{display:flex;align-items:center;margin-right:0.25rem;}
.page.addActive .phone .form1 .redioBox .redioBoxItem *{font-size: 0.28rem}
.page.addActive .phone .form1 .redioBox .redioBoxItem input{width:1.25rem;height:0.4rem;border:1px solid #C4C4C4;margin-left:0.13rem;}
.page.addActive .phone .form1 .redioBox .redioBoxItem .img{width:0.2rem;height:0.2rem;background-image:url(../images/dx.png);background-position:center;background-repeat:no-repeat;background-size:contain;position:relative;top:0.02rem;margin-right:0.08rem;}
.page.addActive .phone .form1 .redioBox .redioBoxItem .img.active{background-image:url(../images/dx_.png);}
.page.addActive .phone .form1 .subImg{width:1.46rem;height:1.46rem;background:#DFDFDF;border-radius:0.08rem;background-color:#DFDFDF;background-image:url(../images/add.png);background-position:center;background-repeat:no-repeat;background-size:0.4rem 0.4rem;}
.page.addActive .phone .form1.form3{padding:0.6rem 0;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.page.addActive .phone .form1.form3 img{width:1.04rem;height:1.04rem;margin-bottom:0.45rem;}
.page.addActive .phone .form1.form3 .form3Tips{font-size:0.3rem;font-family:PingFang SC;font-weight:bold;color:#000000;margin-bottom:0.88rem;}
.page.addActive .phone .form1.form3 .nextBtn{margin:0;}
.page.addActive .phone .form1 .list .item .btn{width:0.92rem;height:0.85rem;background-color:#329900;margin-left:0.15rem;background-image:url(../images/rjt_.png);background-position:center;background-repeat:no-repeat;background-size:0.4rem 0.4rem;
border-radius: 4px;
}

.phone .mb{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);}
.phone .mb .alertBox{padding:0.5rem 0.4rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:6rem;box-sizing:border-box;text-align:center;}
.phone .mb .alertBox .des{font-size:0.34rem;font-family:PingFang SC;font-weight:400;color:#000000;}
.phone .mb .alertBox .btnlsit{margin-top:0.5rem;display:flex;align-items:center;justify-content:space-around;}
.phone .mb .alertBox .btnlsit .btn{width:2.5rem;height:0.7rem;line-height:0.7rem;background:#329900;border-radius:0.1rem;font-size:0.3rem;font-family:PingFang SC;font-weight:bold;color:#FFFFFF;}
.phone .mb .alertBox .btnlsit .btn.btn_{background:#A5A5A5;}
